<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>

    <title>Viewing</title>
    <meta http-equiv="REFRESH" content="5;url=/android/viewing2.jsf">

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="author" content=""/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>

    <link rel="stylesheet" href="css/main.css"/>

    <link href="favicon.ico" rel="shortcut icon"/>
    <link href="apple-icon.png" rel="apple-touch-icon"/>

</head>

<body>
<f:view>
    <f:loadBundle basename="ResourceBundle" var="bundle"/>
    <h:form id="viewing2Form">
        <div class="android-wrap">
            <div id="wrapper">
                <div id="header">
                    <h1 class="title">Ad Viewing</h1>
                    <ul class="app-controls">
                        <li>
                            <h:commandLink action="#{appBean.adViewing}" value="Back" styleClass="appc-back"/>
                        </li>
                        <li>
                            <a href="#" class="appc-home">Home</a>
                        </li>
                    </ul>
                </div>

                <p class="bonus-counter">Bonuses per session: <strong>${appBean.bonuses}</strong></p>

                <div id="content">
                    <div class="entry">

                        <h:panelGroup rendered="#{appBean.text1}">
                            <p>

                                <h:inputTextarea value="#{appBean.firstTextContentPart1}" rows="10" cols="20"
                                                 style="color: #000000" readonly="true">
                                    <h:commandLink value="#{appBean.firstTextLink}"/>
                                </h:inputTextarea>
                            </p>

                        </h:panelGroup>

                        <h:panelGroup rendered="#{appBean.text2}">
                            <p>
                                <h:inputTextarea value="#{appBean.secondTextContentPart1}" rows="10" cols="20"
                                                 style="color: #000000" readonly="true">
                                    <h:commandLink value="#{appBean.secondTextLink}"/>
                                </h:inputTextarea>
                            </p>

                        </h:panelGroup>

                        <h:panelGroup rendered="#{appBean.text3}">
                            <p>
                                <h:inputTextarea value="#{appBean.thirdTextContentPart1}" rows="10" cols="20"
                                                 style="color: #000000" readonly="true">
                                    <h:commandLink value="#{appBean.thirdTextLink}"/>
                                </h:inputTextarea>
                            </p>

                        </h:panelGroup>

                    </div>
                </div>
                <div id="control-panel">
                    <ul>
                        <li class="cp-btn next-btn  disabled">
                            <a href="#">Next</a>
                        </li>

                        <li class="cp-btn prev-btn disabled">
                            <a href="#">Prev</a>
                        </li>

                    </ul>
                </div>
            </div>
            <h:commandLink action="#{appBean.adViewing}" value="Back" styleClass="android-control back-btn"/>
        </div>
    </h:form>
</f:view>
</body>
</html>